import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

const app = createApp(App);
app.use(store).use(router);

import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.bundle.min.js";

import {
  Timeline,
  notification,
  Form,
  Input,
  Button,
  Pagination,
  Image,
  Row,
  Col,
  Affix,
  Card,
} from "ant-design-vue";
app
  .use(Affix)
  .use(Timeline)
  .use(notification)
  .use(Form)
  .use(Button)
  .use(Input)
  .use(Pagination)
  .use(Image)
  .use(Row)
  .use(Col)
  .use(Card);

import "@/assets/css/theme.scss";

// import "@/assets/css/wordpress.css";

import { wordpressDecodeHTML, deleteHtmlTag } from "@/utils/StringUtil";
app.config.globalProperties.$wordpressDecodeHTML = wordpressDecodeHTML;
app.config.globalProperties.$deleteHtmlTag = deleteHtmlTag;

import { getImgUrlFromMediaById, iframeAutoFit } from "@/api/index";
app.config.globalProperties.$getImgUrlFromMediaById = getImgUrlFromMediaById;
app.config.globalProperties.$iframeAutoFit = iframeAutoFit;

//
import VueSocialSharing from "vue-social-sharing";
app.use(VueSocialSharing);

app.mount("#app");
